﻿/**
 artcloudui.css v1.0.3
 Copyright (c) 2010-2019, The Chongqing Lanjor Technology All Rights Reserved.
 see: http://lanjor.net for details
 */

/***** dialog ******/
input.acui-submit,input.acui-button,input.acui-disabled {
    height:31px !important;
    line-height: 31px !important;
    border:none;
    padding:0px 20px 0px 20px !important;
    color: #fff;
    text-align:center;
    overflow:visible;
    font-size:12px;
    cursor:pointer;
    color:#fff;
    outline:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
input.acui-submit {border: 1px solid #4674dc;background: #4674dc}
input.acui-button {border: 1px solid #f78f5a;background: #f78f5a}
input.acui-disabled{background-position:0 -287px;color:#a3a3a3;cursor:not-allowed;}
input.acui-submit:hover { box-shadow: 0px 4px 12px 0px rgba(70,116, 220, 0.5);}
input.acui-button:hover { box-shadow: 0px 4px 12px 0px rgba(247,143, 90, 0.5);}

/***********************/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
/***********************/
.acui-shade{
    width:100%;
    height:100%;
    top:0;
    left:0;
    margin:0;
    padding:0;
    display:none;
    /*background-color:darkgray;*/
    background: #808080;;
    opacity:0.3;
    filter:alpha(opacity=30);
    position:fixed;
    _position:absolute;
}

.acui-dialog-box {
    position:fixed;
    /*overflow:hidden;*/
    display:block;
    z-index:1000;
    left:50%;
    top:50%;
    width:100%;
    max-height: 100%;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.acui-dialog-box *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.acui-dialog-box .acui-dialog-header { 
    width:auto;
    padding: 15px 15px 0 15px;
    font-size:12px;
    position:relative;
}
.acui-dialog-box .acui-dialog-header-spl {
    height:55px;
    border-bottom: 1px solid #e5e5e5;
}
.acui-dialog-box .acui-dialog-move{cursor:move;}
.acui-dialog-box .acui-dialog-header .acui-header-icon {

}
.acui-dialog-box .acui-dialog-header .acui-header-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.acui-dialog-box .acui-dialog-header .acui-header-close{
    position:absolute;
    right: 15px;
    width:16px;
    height:16px;
    display:inline-block;
    outline: none;
    overflow: hidden;
    cursor: pointer;
}
.acui-dialog-box .acui-dialog-header .acui-header-close:before{
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: rotate(45deg);
    background: #000;
    height: 2px;
}
.acui-dialog-box .acui-dialog-header .acui-header-close:after{
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: rotate(-45deg);
    background: #000;
    height: 2px;
}
.acui-dialog-box .acui-dialog-header .acui-header-close:hover:before,.acui-dialog-box .acui-dialog-header .acui-header-close:hover:after {
    background: red;
}

.acui-dialog-box .acui-dialog-conten {
    width:auto;height:auto;padding:0;
}
.acui-dialog-box .acui-dialog-conten .acui-content-summary {
    height:0;
    font-size:12px;
    padding:0;
    margin:0;
    display: none;
}
.acui-dialog-box .acui-dialog-conten .acui-content-summary-content {
    height:45px;
    margin-left:6px;
    padding-left:47px;
    /*background:url("../images/dialog_window.gif") no-repeat left center;*/
}
.acui-dialog-box .acui-dialog-conten .acui-content-summary-content .acui-content-summary-title {
    height:23px;
    line-height:28px;
    font-weight:bold;
    margin:0;
    color: #000;
}
.acui-dialog-box .acui-dialog-conten .acui-content-summary-content .acui-content-summary-text {
    margin:0;
    color: #000;
}
.acui-dialog-box .acui-dialog-conten .acui-content-widget {
    overflow:auto;
    padding: 0 13px;
}
.acui-dialog-box .acui-dialog-conten .acui-content-butombar {
    height:55px;
    text-align:right;
    border-top:#e5e5e5 1px solid;
    margin:0;
    padding: 13px;
}
.acui-dialog-box .acui-dialog-conten .acui-content-butombar .acui-content-butombar-btnf {

}
.acui-dialog-box .acui-dialog-conten .acui-content-butombar .acui-content-butombar-btnsub {

}
.acui-dialog-box .acui-dialog-conten .acui-content-butombar .acui-content-butombar-btnbut {

}

.acui-dialog-box .acui-resizable-handle { position: absolute;}
.acui-dialog-box .acui-resizable-t { width:474px; height:0; left:13px;top:0; background:#fff;}
.acui-dialog-box .acui-resizable-r { width: 0; height:354px;right: 0; top: 33px; background:#fff;}
.acui-dialog-box .acui-resizable-b { width:474px;height:0;left:13px; bottom:0;background:#fff;}
.acui-dialog-box .acui-resizable-l { width: 0; height: 354px; left: 0; top: 33px;background:#fff;}
.acui-dialog-box .acui-resizable-tl { width:0;height:55px;left:0; top:0;background:#fff;border-bottom: 1px solid #e5e5e5;}
.acui-dialog-box .acui-resizable-tr { width:0;height:55px;right:0; top:0;background:#fff;border-bottom: 1px solid #e5e5e5;}
.acui-dialog-box .acui-resizable-bl { width:0;height:55px;left:0; bottom:0;background:#fff;}
.acui-dialog-box .acui-resizable-br { width:0;height:55px;right:0; bottom:0;background:#fff;}

.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-widget-icon { width:50px; height:50px;float:left;margin:20px; display:block;position: absolute }
.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-icon-default { background:url("../images/dialog_c_iocn.gif") no-repeat 0 0; }
.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-icon-error { background:url("../images/dialog_c_iocn.gif") no-repeat -150px 0; }
.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-icon-correct { background:url("../images/dialog_c_iocn.gif") no-repeat -50px 0; }
.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-icon-confirm{ background:url("../images/dialog_c_iocn.gif") no-repeat -100px 0; }

.acui-dialog-box .acui-dialog-conten .acui-content-widget .acui-widget-text {
    color: #000;
    margin:20px 0 20px 90px;
    table-layout:fixed;
    word-break: break-all;
    overflow:hidden;
    line-height:25px;
    font-size:12px;
}


/*loading*/
.acui-loading{position:fixed;left:50%;top:50%;}
.acui-loading-box {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 40px;
    line-height: 40px;
    margin-top: -6px;
    margin-left: -104px;
    background: #f6f9fb;
    padding: 0 15px;
    border-radius: 4px;
    box-shadow: 2px 2px 13px rgba(0,0,0,0.6);
}
/*.acui-loading-box {font-size:12px;font-family:Arial, Helvetica, sans-serif;height:46px;line-height:46px;margin-top:-6px;margin-left:-104px;}*/
.acui-loading-box *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.acui-loading-box .acui-lb-left{background:url('../images/acui-loading-bg.png') no-repeat;height:49px;width:19px;float:left}*/
/*.acui-loading-box .acui-lb-center{background:url('../images/acui-loading-bg.png') repeat-x -19px 0;height:49px;float:left}*/
.acui-loading-box .acui-lb-center .acui-lbcenter-text{background:url('../images/loading.gif') no-repeat 2px 10px; padding-left:30px;padding-right:10px;color: #000}
/*.acui-loading-box .acui-lb-right{background:url('../images/acui-loading-bg.png') no-repeat -974px 0;height:49px;width:26px;float:left}*/
/*end*/
.acui-loader1,.acui-loader1:before,.acui-loader1:after {
    background: #ff8000;
    -webkit-animation: acui-load1 1s infinite ease-in-out;
    animation: acui-load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.acui-loader1 {
    color: #ff8000;
    text-indent: -9999em;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.acui-loader1:before, .acui-loader1:after {
    position: absolute;
    top: 0;
    content: '';
}
.acui-loader1:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.acui-loader1:after {
    left: 1.5em;
}
@-webkit-keyframes acui-load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes acui-load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
/******/
.acui-loader2 {
    font-size: 15px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: acui-load2 1.1s infinite ease;
    animation: acui-load2 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes acui-load2 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0080c0, 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.5), -1.8em -1.8em 0 0em rgba(0,128,192, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.7), 1.8em -1.8em 0 0em #0080c0, 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.5), 1.8em -1.8em 0 0em rgba(0,128,192, 0.7), 2.5em 0em 0 0em #0080c0, 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.5), 2.5em 0em 0 0em rgba(0,128,192, 0.7), 1.75em 1.75em 0 0em #0080c0, 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.5), 1.75em 1.75em 0 0em rgba(0,128,192, 0.7), 0em 2.5em 0 0em #0080c0, -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.5), 0em 2.5em 0 0em rgba(0,128,192, 0.7), -1.8em 1.8em 0 0em #0080c0, -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.5), -1.8em 1.8em 0 0em rgba(0,128,192, 0.7), -2.6em 0em 0 0em #0080c0, -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.5), -2.6em 0em 0 0em rgba(0,128,192, 0.7), -1.8em -1.8em 0 0em #0080c0;
    }
}
@keyframes acui-load2 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0080c0, 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.5), -1.8em -1.8em 0 0em rgba(0,128,192, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.7), 1.8em -1.8em 0 0em #0080c0, 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.5), 1.8em -1.8em 0 0em rgba(0,128,192, 0.7), 2.5em 0em 0 0em #0080c0, 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.5), 2.5em 0em 0 0em rgba(0,128,192, 0.7), 1.75em 1.75em 0 0em #0080c0, 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.5), 1.75em 1.75em 0 0em rgba(0,128,192, 0.7), 0em 2.5em 0 0em #0080c0, -1.8em 1.8em 0 0em rgba(0,128,192, 0.2), -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.5), 0em 2.5em 0 0em rgba(0,128,192, 0.7), -1.8em 1.8em 0 0em #0080c0, -2.6em 0em 0 0em rgba(0,128,192, 0.2), -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.5), -1.8em 1.8em 0 0em rgba(0,128,192, 0.7), -2.6em 0em 0 0em #0080c0, -1.8em -1.8em 0 0em rgba(0,128,192, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,128,192, 0.2), 1.8em -1.8em 0 0em rgba(0,128,192, 0.2), 2.5em 0em 0 0em rgba(0,128,192, 0.2), 1.75em 1.75em 0 0em rgba(0,128,192, 0.2), 0em 2.5em 0 0em rgba(0,128,192, 0.2), -1.8em 1.8em 0 0em rgba(0,128,192, 0.5), -2.6em 0em 0 0em rgba(0,128,192, 0.7), -1.8em -1.8em 0 0em #0080c0;
    }
}
/******/
.acui-loader3, .acui-loader3:before, .acui-loader3:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: acui-load3 1.8s infinite ease-in-out;
    animation: acui-load3 1.8s infinite ease-in-out;
}
.acui-loader3 {
    color: #ffffff;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.acui-loader3:before, .acui-loader3:after {
    content: '';
    position: absolute;
    top: 0;
}
.acui-loader3:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.acui-loader3:after {
    left: 3.5em;
}
@-webkit-keyframes acui-load3 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes acui-load3 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


/** pop */
.apop-container{
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    position: fixed;
    z-index: 9000;
}
.apop-container *{
    box-sizing: border-box;
}
.apop-container *:after,.apop-container *:before{
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.apop-top-left{
    top:0;
    left: 0;
}
.apop-top-right{
    top:0;
    right: 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.apop-top-center{
    top:0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.apop-center-center{
    left: 50%;
    top:50%;
    margin-top:-70px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.apop-bottom-left{
    bottom: 0;
    left:0;
}
.apop-bottom-center{
    bottom: 0;
    left:50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.apop-bottom-right{
    bottom: 0;
    right:0;
}

.apop-container .apop-con{
    position: relative;
    min-height: 56px;
    line-height: 1.25;
    font-size: 14px;
    transform: translateZ(0);
    box-sizing: border-box;
    width: 320px;
    margin: .7rem;
    border-radius: 2px;
    background-color: #454A56;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.apop-container.apop-top-right .apop-con{
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.apop-container.apop-bottom-right .apop-con{
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.apop-container.apop-top-left .apop-con{
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.apop-container.apop-bottom-left .apop-con{
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
@-webkit-keyframes apopIn {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2); }
    95% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
}
@keyframes apopIn {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2); }
    95% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
}
@-webkit-keyframes apopOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    20% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
    100% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0); }
}
@keyframes apopOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); }
    20% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
    100% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0); }
}
.apop-container .apop-out {
    -webkit-animation: apopOut 0.4s ease-in-out;
    animation: apopOut 0.4s ease-in-out;
}
.apop-container .apop-in {
    -webkit-animation: apopIn 0.4s ease-in-out;
    animation: apopIn 0.4s ease-in-out;
}
.apop-container .apop-con .aopo-icon{
    position: absolute;
    top: 13px;
    left: 16px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #454A56;
    -webkit-animation: apopIn .4s .4s ease-in-out;
    animation: apopIn .4s .4s ease-in-out;
}
.apop-container .apop-con .aopo-icon:after,.apop-container .apop-con .aopo-icon:before{
    content: "";
    position: absolute;
    display: block;
}

.apop-container .apop-con .aopo-icon-info{
    border: 2px solid #3a95ed;
}
.apop-container .apop-con .aopo-icon-info:before{
    top: 5px;
    left: 11px;
    width: 4px;
    height: 4px;
    background-color: #3a95ed;
}
.apop-container .apop-con .aopo-icon-info:after{
    top: 12px;
    left: 11px;
    width: 4px;
    height: 9px;
    background-color: #3a95ed;
}
.apop-container .apop-con .aopo-icon-success{
    border: 2px solid #2ecc54;
}
.apop-container .apop-con .aopo-icon-success:before {
    top: 7px;
    left: 7px;
    width: 13px;
    height: 8px;
    border-bottom: 3px solid #2ecc54;
    border-left: 3px solid #2ecc54;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.apop-container .apop-con .aopo-icon-warning{
    border: 2px solid #fcd000;
}
.apop-container .apop-con .aopo-icon-warning:before{
    top: 16px;
    left: 11px;
    width: 4px;
    height: 4px;
    background: #fcd000;
}
.apop-container .apop-con .aopo-icon-warning:after{
    top: 5px;
    left: 11px;
    width: 4px;
    height: 9px;
    background: #fcd000;
}
.apop-container .apop-con .aopo-icon-error{
    border: 2px solid #ff5656;
}
.apop-container .apop-con .aopo-icon-error:before{
    width: 3px;
    height: 18px;
    top: 4px;
    left: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #ff5656;
}
.apop-container .apop-con .aopo-icon-error:after{
    width: 3px;
    height: 18px;
    top: 4px;
    left: 12px;
    background: #ff5656;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #ff5656;
}
.apop-container .apop-con .apop-close{
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    width: 32px;
    padding-top: 7px;
    padding-right: 7px;
    font-size: 22px;
    font-weight: 700;
    text-align: right;
    line-height: .6;
    color: #fff;
    opacity: .5;
}
.apop-container .apop-con .apop-close:hover{
    opacity: 1;
    cursor: pointer;
}
.apop-container .apop-con .aopo-body{
    padding: 1.4em 4.2em;
    color: #fff;
    word-wrap : break-word;
}

/**** table ***/
.acui-table-responsive{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: .01%;
    overflow-x: auto;
}
.acui-table-responsive *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.acui-row{-webkit-box-sizing: border-box;box-sizing: border-box;}
.acui-row *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.acui-row:before{
    display: table;
    content: " ";
}
.acui-row:before,.row:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.acui-table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
}
.acui-table tbody tr.active{
    background-color: #c2dbff;
    transition: all 0.3s ease;
}

.acui-table > thead > tr > th,
.acui-table > tbody > tr > th,
.acui-table > tfoot > tr > th,
.acui-table > thead > tr > td,
.acui-table > tbody > tr > td,
.acui-table > tfoot > tr > td {
    padding: 8px 10px;
    line-height: 1.42857143;
    /*vertical-align: top;*/
    border-top: 1px solid #ddd;
}
.acui-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.acui-table > caption + thead > tr:first-child > th,
.acui-table > colgroup + thead > tr:first-child > th,
.acui-table > thead:first-child > tr:first-child > th,
.acui-table > caption + thead > tr:first-child > td,
.acui-table > colgroup + thead > tr:first-child > td,
.acui-table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.acui-table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.acui-table .acui-table {
    background-color: #fff;
}
.acui-table-condensed > thead > tr > th,
.acui-table-condensed > tbody > tr > th,
.acui-table-condensed > tfoot > tr > th,
.acui-table-condensed > thead > tr > td,
.acui-table-condensed > tbody > tr > td,
.acui-table-condensed > tfoot > tr > td {
    padding: 5px;
}
.acui-table > thead > tr > td.success,
.acui-table > tbody > tr > td.success,
.acui-table > tfoot > tr > td.success,
.acui-table > thead > tr > th.success,
.acui-table > tbody > tr > th.success,
.acui-table > tfoot > tr > th.success,
.acui-table > thead > tr.success > td,
.acui-table > tbody > tr.success > td,
.acui-table > tfoot > tr.success > td,
.acui-table > thead > tr.success > th,
.acui-table > tbody > tr.success > th,
.acui-table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.acui-table > thead > tr > td.info,
.acui-table > tbody > tr > td.info,
.acui-table > tfoot > tr > td.info,
.acui-table > thead > tr > th.info,
.acui-table > tbody > tr > th.info,
.acui-table > tfoot > tr > th.info,
.acui-table > thead > tr.info > td,
.acui-table > tbody > tr.info > td,
.acui-table > tfoot > tr.info > td,
.acui-table > thead > tr.info > th,
.acui-table > tbody > tr.info > th,
.acui-table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.acui-table > thead > tr > td.warning,
.acui-table > tbody > tr > td.warning,
.acui-table > tfoot > tr > td.warning,
.acui-table > thead > tr > th.warning,
.acui-table > tbody > tr > th.warning,
.acui-table > tfoot > tr > th.warning,
.acui-table > thead > tr.warning > td,
.acui-table > tbody > tr.warning > td,
.acui-table > tfoot > tr.warning > td,
.acui-table > thead > tr.warning > th,
.acui-table > tbody > tr.warning > th,
.acui-table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.acui-table > thead > tr > td.danger,
.acui-table > tbody > tr > td.danger,
.acui-table > tfoot > tr > td.danger,
.acui-table > thead > tr > th.danger,
.acui-table > tbody > tr > th.danger,
.acui-table > tfoot > tr > th.danger,
.acui-table > thead > tr.danger > td,
.acui-table > tbody > tr.danger > td,
.acui-table > tfoot > tr.danger > td,
.acui-table > thead > tr.danger > th,
.acui-table > tbody > tr.danger > th,
.acui-table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.acui-table-responsive .acui-table-bordered tbody th, .acui-table-responsive acui-table-bordered tbody td {
    border:0;
    border-left-width: 0;
    border-bottom-width: 0;
}
.acui-table-bordered th, .acui-table-bordered td {
    border: 1px solid #ddd !important;
}
.acui-table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.acui-table-striped > tbody > tr:nth-of-type(odd).active{
    background-color: #c2dbff;
}
.acui-table-condensed > thead > tr > th
.acui-table-condensed > tbody > tr > th,
.acui-table-condensed > tfoot > tr > th,
.acui-table-condensed > thead > tr > td,
.acui-table-condensed > tbody > tr > td,
.acui-table-condensed > tfoot > tr > td {
    padding: 5px;
}

.acui-table-hover > tbody > tr:hover {
    -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    z-index: 1;
}
.acui-table-hover > tbody > tr.active:hover{
    background-color: #b7d4fe;
}
.acui-table-hover.acui-table-striped > tbody > tr:hover {
    background-color: #f5f5f5;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.acui-table-hover.acui-table-striped > tbody > tr.active:hover{
    background-color: #b7d4fe;
}

.acui-table-hover > tbody > tr > td.active:hover,
.acui-table-hover > tbody > tr > th.active:hover{
    background-color: #e8e8e8;
}

.acui-table-hover > tbody > tr > td.info:hover,
.acui-table-hover > tbody > tr > th.info:hover,
.acui-table-hover > tbody > tr.info:hover > td,
.acui-table-hover > tbody > tr:hover > .info,
.acui-table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.acui-table-hover > tbody > tr > td.warning:hover,
.acui-table-hover > tbody > tr > th.warning:hover,
.acui-table-hover > tbody > tr.warning:hover > td,
.acui-table-hover > tbody > tr:hover > .warning,
.acui-table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.acui-table-hover > tbody > tr > td.danger:hover,
.acui-table-hover > tbody > tr > th.danger:hover,
.acui-table-hover > tbody > tr.danger:hover > td,
.acui-table-hover > tbody > tr:hover > .danger,
.acui-table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

@media screen and (max-width: 767px) {
    .acui-table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .acui-table-responsive > .acui-table {
        margin-bottom: 0;
    }
    .acui-table-responsive > .acui-table > thead > tr > th,
    .acui-table-responsive > .acui-table > tbody > tr > th,
    .acui-table-responsive > .acui-table > tfoot > tr > th,
    .acui-table-responsive > .acui-table > thead > tr > td,
    .acui-table-responsive > .acui-table > tbody > tr > td,
    .acui-table-responsive > .acui-table > tfoot > tr > td {
        white-space: nowrap;
    }
    .acui-table-responsive > .acui-table-bordered {
        border: 0;
    }
    .acui-table-responsive > .acui-table-bordered > thead > tr > th:first-child,
    .acui-table-responsive > .acui-table-bordered > tbody > tr > th:first-child,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr > th:first-child,
    .acui-table-responsive > .acui-table-bordered > thead > tr > td:first-child,
    .acui-table-responsive > .acui-table-bordered > tbody > tr > td:first-child,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .acui-table-responsive > .acui-table-bordered > thead > tr > th:last-child,
    .acui-table-responsive > .acui-table-bordered > tbody > tr > th:last-child,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr > th:last-child,
    .acui-table-responsive > .acui-table-bordered > thead > tr > td:last-child,
    .acui-table-responsive > .acui-table-bordered > tbody > tr > td:last-child,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .acui-table-responsive > .acui-table-bordered > tbody > tr:last-child > th,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr:last-child > th,
    .acui-table-responsive > .acui-table-bordered > tbody > tr:last-child > td,
    .acui-table-responsive > .acui-table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.acui-pageinfo{
    float: left;
    padding-top: 8px;
    white-space: nowrap;
    min-height: 1px;
    box-sizing: border-box;
}
.acui-paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    float: right;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
}
.web .acui-paginate{
    float: none;
    text-align: center;
}
.acui-paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
/* 分页 */
@media (max-width: 768px){
    .acui-pageinfo{
        clear: both;
        float: none;
        text-align: center;
    }
    .acui-paginate {
        clear: both;
        float: none;
        text-align: center;
        margin-top: 10px;
    }
}
.acui-paginate .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.acui-paginate .pagination > li {
    display: inline;
}
.acui-paginate .pagination > li > a,
.acui-paginate .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.acui-paginate .pagination > li:first-child > a,
.acui-paginate .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.acui-paginate .pagination > li:last-child > a,
.acui-paginate .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.acui-paginate .pagination > li > a:hover,
.acui-paginate .pagination > li > span:hover,
.acui-paginate .pagination > li > a:focus,
.acui-paginate .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.acui-paginate .pagination > .active > a,
.acui-paginate .pagination > .active > span,
.acui-paginate .pagination > .active > a:hover,
.acui-paginate .pagination > .active > span:hover,
.acui-paginate .pagination > .active > a:focus,
.acui-paginate .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.acui-paginate .pagination > .disabled > span,
.acui-paginate .pagination > .disabled > span:hover,
.acui-paginate .pagination > .disabled > span:focus,
.acui-paginate .pagination > .disabled > a,
.acui-paginate .pagination > .disabled > a:hover,
.acui-paginate .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.acui-paginate .pagination-lg > li > a,
.acui-paginate .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.acui-paginate .pagination-lg > li:first-child > a,
.acui-paginate .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.acui-paginate .pagination-lg > li:last-child > a,
.acui-paginate .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.acui-paginate .pagination-sm > li > a,
.acui-paginate .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.acui-paginate .pagination-sm > li:first-child > a,
.acui-paginate .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.acui-paginate .pagination-sm > li:last-child > a,
.acui-paginate .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

